<#include "/public/macro.html">
<h1 class="site-h1 ukefu-tab" style="border-top:1px solid #e6e6e6;height:26px;">
	<div class="ukefu-tab-title" style="margin-left:0px;">
		<ul class="tab-title" id="workDetailsTab">
			<li class="layui-this"><a href="/apps/workorders/embed/detail.html?id=${workOrders.id!''}" data-toggle="load" data-target="#mainajaxwin">工单详情</a></li>
			<li><a href="/apps/workorders/detail/dataevent.html?orderid=${workOrders.id!''}" data-toggle="load" data-target="#workOrderContent">变更记录</a></li>
			<li><a href="/apps/workorders/detail/comments.html?orderid=${workOrders.id!''}" data-toggle="load" data-target="#workOrderContent">回复记录</a></li>
			<#if workOrders.cusid??>
			<li><a href="/apps/contacts/detail.html?id=${workOrders.cusid!''}" data-toggle="load" data-target="#workOrderContent">联系人信息</a></li>
			</#if>
			<#if workOrderType?? && workOrderType.bpm && workOrders.bpmid?? && workOrders.memo??>
			<li><a href="/apps/bpm/instance/display.html?processid=${workOrders.bpmid!''}&orderid=${workOrders.memo!''}" data-toggle="load" data-target="#workOrderContent">流程信息</a></li>
			</#if>
		</ul>					
	</div>
</h1>
<div id="workOrderContent">
	<div class="row" style="border-bottom: 1px solid #EFEFEF;">
		<div class="col-lg-12" style="padding-left:0px;padding-right:0px;">
			<#include "/apps/business/workorders/include/info.html">
		</div>
	</div>
	<form class="layui-form" id="workOrdersForm" action="/apps/workorders/favorites/save.html" method="post" style="width: 100%;height: 100%;" data-toggle="ajax-form" data-target="#workordersdetail" enctype="multipart/form-data">
		<#if workOrders??><input type="hidden" name="id" value="${workOrders.id!''}"></#if>
		<#if workOrders??><input type="hidden" name="dataid" value="${workOrders.id!''}"></#if>
		<div class="row" style="border-bottom: 1px solid #EFEFEF;">
			<div class="col-lg-12" style="padding-left:0px;padding-right:0px;">
				<h1 class="site-h1" style="border-top:1px solid #e6e6e6;margin-top:15px;">
					工单回复
				</h1>
				
				<div id="ukefu-comments">
					<div class="ukefu-workorders-comment" id="ukefu-workorders-comment">
						<#if orderCommentList?? && orderCommentList.content?size gt 0>
						<#include "/apps/business/workorders/comments.html">	
						</#if>
					</div>
				</div>
				
				
				<h1 class="site-h1" style="border-top:1px solid #e6e6e6;margin-top:15px;">
					回复
				</h1>
				<div class="row" style="margin-top:5px;">
					<div class="col-lg-12" style="padding-left:0px;line-height:30px;padding-right:0px;">
						<div class="layui-form-item">
						    <div class="layui-input-block" style="margin-left:75px;">
						      	<input type="radio" name="prirep" value="0" title="公开回复" checked>
						      	<input type="radio" name="prirep" value="1" title="私密回复（只有坐席可见）">
						    </div>
						</div>	
					</div>
				</div>
				<div class="row" style="margin-top:5px;">
					<div class="col-lg-12" style="padding-left:0px;line-height:30px;padding-right:0px;padding-left:75px;">
						<textarea name="content" id="content" style="width:100%;height:60px;"></textarea>	
					</div>
				</div>
				<div class="row" style="margin-top:5px;">
					<div class="col-lg-12" style="padding-left:0px;line-height:30px;padding-right:0px;padding-left:75px;">
						<div class="layui-form-item">
							<div class="layui-input-block ukefu-form-block" style="margin-left:0px;">
								<div class="layui-box layui-upload-button">
									<input type="file" name="files"
										accept="*"
										class="layui-upload-file"
										onchange="$(this).closest('.layui-form-item').append($(this).closest('.ukefu-form-block').prop('outerHTML'));$(this).closest('.ukefu-form-block').find('.file_ad').html($(this).val());$(this).closest('.ukefu-form-block').find('.file_del').show();"><span
										class="layui-upload-icon"><i class="layui-icon">&#xe608;</i>上传附件</span>
								</div>
								<span>
									<span class="file_ad"></span>
									<span class="file_del" style="display:none;">
										<a href="javascript:void(0)" style="margin-left:10px;" onclick="$(this).closest('.ukefu-form-block').remove();">
											<i class="layui-icon" style="color:red;">&#x1006;</i>
											删除
										</a>
									</span>
								</span>
							</div>
						</div>	
					</div>
				</div>
				<div class="layui-button-block" style="margin-top:20px;margin-left:75px;text-align:left;">
					<button class="layui-btn" lay-submit="" lay-filter="formDemo">立即提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</div>
	</form>
</div>
<script>
	$(document).ready(function() {
		layui.use('form', function() {
			var form = layui.form;
			form.render(); //更新全部
		});
		$('#workDetailsTab li a').on("click" , function(){
			$('#workDetailsTab li').removeClass("layui-this");
			$(this).parent().addClass("layui-this");
		});
		
		layui.use(['element', 'flow'], function(){
		  	var element = layui.element ;
		  	var flow = layui.flow;
			flow.load({
			    elem: '#ukefu-comments' //指定列表容器
			   	,scrollElem:".ukefu-col-right"
			    ,done: function(page, next){ //到达临界点（默认滚动触发），触发下一页
			      $.get('/apps/workorders/comments.html?orderid=${workOrders.id!''}&p='+page, function(res){
			        //假设你的列表返回在data集合中
			        
			        //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
			        //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
			        next($('#ukefu-workorders-comment').append(res) , $(res).length > 0);    
			      });
			    }
			});
		});
		
		KindEditor.create('#content', {
			themeType : 'simple',
			width:"100%",
			resizeType:0,
			zIndex:123456789,
			uploadJson : "/res/image/upload.html",
			items : ['fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
					 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
					 'insertunorderedlist', '|', 'emoticons', 'image', 'link'],
            allowFileManager : false,
			fontsize:16
		});
		KindEditor.options.cssData = "body { font-size: 15px; font-family:'Microsoft Yahei', 'Helvetica', 'Simsun', 'Arial';}";
	});
</script>